<template>
  <view ref="childRef" class="childRef" style="width: 100%; height: 800px"></view>
</template>

<script setup>
//
import { ref } from 'vue'

import { getsjuan, preview } from '@/services/my copy'
import { guanzhuStore, myStore, ShouyeStore } from '@/stores'
import { formatMessageDate, formatTime, getChatTime } from '@/composables/time'
// #ifdef MP-WEIXIN
import unibadge from '../../components/uni-badge/uni-badge.vue'
import unipopup from '../../components/components/uni-popup/uni-popup.vue'

// #endif
import { onLoad, onShow, onHide } from '@dcloudio/uni-app'
// 引入docx-preview插件
import { renderAsync } from '../../../node_modules/docx-preview/dist/docx-preview.mjs'
import { apiUrl } from '../../url/index'

// 引入

const urll = ref('')
const childRef = ref()
onLoad(async (e) => {
  console.log(e, 'dasd')
  urll.value = e.url
  uni.showLoading({
    title: '正在打开...',
  })
  uni.hideLoading()
  uni
    .createSelectorQuery()
    .select('.childRef')
    .boundingClientRect(async (data11) => {
      console.log(data11, 'ssss')

      uni.request({
        method: 'GET',
        dataType: 'arraybuffer', // 接收文本数据
        responseType: 'text',
        url:apiUrl + '/api/getDoc', // 你的后端接口地址  这个可以不用写
        success: (res) => {
          // 成功接收到数据
          console.log(res.data) // 输出接收到的数据到控制台

          // 直接使用接收到的 Base64 数据传递给 renderAsync 函数
          // renderAsync(res.data, data11)
          // 这个最主要  要改这个////////////////////////////////////////////////
          const downloadTask = uni.downloadFile({
            url:apiUrl+'/'+ e.url, // 图片或者文件地址
            filePath: `${uni.env.USER_DATA_PATH}/${e.mingzhi}.docx`,
            success: function (res) {
              console.log('下载的res', res)
              var filePath = res.tempFilePath // 临时文件存储路径
              //  文件打开文件预览
              uni.openDocument({
                filePath: res.filePath,
                // fileType: 'pdf',
                success: function (res1) {
                  console.log(res.filePath,'23123');
                  uni.hideLoading()
                  console.log('打开文档成功')
                },
                fail: function (err) {
                  uni.hideLoading()
                  uni.showToast({
                    title: '打开失败',
                    duration: 1500,
                    icon: 'none',
                  })
                  console.log('打开失败')
                },
              })
            },
            fail: function (err) {
              console.log('下载失败原因', err)
              uni.hideLoading()
              uni.showModal({
                title: '您需要授权相册权限',
                success(res) {
                  if (res.confirm) {
                    uni.openSetting({
                      success(res) {},
                      fail(res) {
                        console.log(res)
                      },
                    })
                  }
                },
              })
            },
          })
        },
        fail: (err) => {
          // 处理请求失败的情况
          console.error('请求失败', err)
        },
      })
    })
    .exec()

  // // 渲染到页面
  //       })
  // 、、、、、、这个是自带的小程序预览
})
</script>

<style scoped></style>
